<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASUS华硕官网_笔记本电脑、一体机、DIY配件、数码外设、手机、台式机官方网站</title>
    <link rel="stylesheet" href="../dist/css/index.css">
    <link rel="stylesheet" href="../dist/css/shopCar.css">
    <link rel="shortcut icon" href="https://static.asus.com.cn/static/store/favicon.ico" type="image/x-icon">
</head>

<body>


    <div class="header">
        <div class="containerWidth">
            <div class="leftbox">
                <a href="./">商城首页</a>
                <span class="inlineBlock line"></span>
                <a href="">以旧换新</a>
                <span class="inlineBlock line"></span>
                <a href="">新机租赁</a>
                <span class="inlineBlock line"></span>
                <a href="">服务与支持</a>
                <span class="inlineBlock line"></span>
                <a href="">驱动下载</a>
                <span class="inlineBlock line"></span>
                <a href="">A码通道</a>
                <!-- <span class="inlineBlock line"></span> -->
            </div>
            <div class="rightbox">
                <span class="right-login1">
                    <a href="./login.html" id="iogin-a">登录</a>
                    <span class="inlineBlock line"  ></span>
                    <a href="./register.html"  id="login-r">注册</a> 
                </span>
                <span class="right-login2">
                    <a href="" id="login-n">名字</a>
                    <span class="inlineBlock line"  ></span>
                    <a href="./login.html" id="login-o">退出</a>
                </span>
                <span class="inlineBlock line"></span>
                <a href="">消息</a>
                <span class="inlineBlock line"></span>
                <a href="">我的订单</a>
                <span class="inlineBlock line"></span>
                <a href="" class="inside">手机版
                    <div class="insideBox">
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14404710299100.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城APP</p>
                                <p>新人专享礼包</p>
                                <div class="">
                                    <img src="//static.asus.com.cn/store/20210407/14405454569854.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14405897101504.png" class=""
                                        alt="FX80" />
                                    <img src="//static.asus.com.cn/store/20210407/14410448504810.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210407/14425198521005.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">华硕商城公众号</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210407/14431010199565.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                        <div class="items">
                            <img src="//static.asus.com.cn/store/20210416/14075357501015.png" class="inlineBlock imgs"
                                alt="FX80" />
                            <div class="inlineBlock rightBox">
                                <p class="">微信小程序</p>
                                <p>微信扫一扫</p>
                                <div>
                                    <img src="//static.asus.com.cn/store/20210416/14080048561001.png" class=""
                                        alt="FX80" />
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                <span class="inlineBlock line"></span>
                <a href="./shopCar.html" class="cart">
                    <span>购物车</span>
                </a>
            </div>
        </div>

    </div>
    <!-- 头部导航栏+搜索栏 -->
    <div class="topModule">
        <div class="containerWidth">
            <div class="logobox">
                <a href="#" class="inlineBlock">
                    <img src="//static.asus.com.cn/store/20210408/14104351515697.png" class="logo" alt="FX80" />
                </a>
            </div>
            <div class="menu">
                <a class="" href="https://w3.asus.com.cn" target="_blank">
                    <img src="//static.asus.com.cn/store/20210408/13493410198979.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">华硕官网</span>
                </a>
                <a class="" data-index=1 href="https://www.asus.com.cn/store/branch/index.html?id=2&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14260499101565.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">ROG专区</span>
                </a>
                <a class="" data-index=2 href="https://www.asus.com.cn/store/branch/index.html?id=9&afrom=home_topbar"
                    target="_blank">
                    <img src="//static.asus.com.cn/store/20210521/14261252535149.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">a豆专区</span>
                </a>
                <a class="" data-index=3 href="https://adol.asus.com.cn/adol/web/pc/dist/index.html" target="_blank"
                    rel="nofollow">
                    <img src="//static.asus.com.cn/store/20210408/13501252505256.png" class="inlineBlock icons"
                        alt="FX80" />
                    <span class="">装机必备</span>
                </a>
                <a class="" href="./activity.html">
                    <span class="">热门活动</span>
                </a>
            </div>
        </div>
    </div>


    <div class="center">
        <div class="page">
            <div class="ad"></div>
            <div class="crumbs"></div>
            <div class="section">
                <div class="lsidebar"></div>
                <div class="margin">
                    <div id="main">
                        <!-- 购物车主体 -->
                        <div id="cart_container" class="cart-container">
                            <div class="form">
                                <input type="hidden">
                                <div class="cartpage">
                                    <div class="cartheader">
                                        <ul>
                                            <li class="cart-input" id="cartinput">
                                                    <input type="checkbox" class="checkAll">
                                                <label class="checkbox_box_label">全选</label>
                                            </li>
                                            <li class="cart-goods">商品</li>
                                            <li class="cart-price">销售价</li>
                                            <li class="cart-num">数量</li>
                                            <li class="cart-discount">优惠金额</li>
                                            <li class="cart-point">积分</li>
                                            <li class="cart-subtotal">小计</li>
                                            <li class="cart-action">操作</li>
                                        </ul>
                                    </div>
                                    <div class="cartlist" id="cartlist">
                                        
                                        
                                    </div>
                                    <div class="orderdiscount">
                                        <div class="order-promotion">
                                            <h3><a href="">-</a>订单优惠</h3>
                                            <ul class="content">
                                                <li><b>[包邮]</b>订单总金额满69元包邮</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="orderprice" id="orderprice">
                                        <a href="./list.html" class="btn-link">继续购物</a>
                                        <p class="order-num">共<span class="allNum" id="allNum">1</span>
                                            件商品，已选择<span class="chooseNum" id="chooseNum">0</span>件</p>
                                        <button><span><span class="gosettle">去结算</span></span></button>
                                        <div class="total-price"><span>合计</span><b id="allprice">￥0</b></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="cartEmpty" id="cartEmpty">
       <span> 购物车还是空的</span>
        <button class="gopick">立即去选购</button>
    </div>

    <div class="buyShop" id="buyShop">
        <img src="../static/img/event-error.svg" alt="" class="buyimg1">
        <span class="spantop"><img src="../static/img/success.svg" alt="" class="buyimg">选取商品成功</span>
        <p id="buygop"></p>
        <button class="buyshoperr">否</button>
        <button class="buysuc">是</button>
    </div>

    <div class="nobuyShop" id="nobuyShop">
        <img src="../static/img/cuowu_6FA7F9.svg" alt="" class="buyimg1">
        <span class="spantop"><img src="../static/img/cuowu.svg" alt="" class="buyimg">未选择任何商品</span>
        <p>请先选择将要下单的商品</p>
        <button class="buysuc">确定</button>
    </div>

    <div class="delShop" id="delShop">
        <img src="../static/img/cuowu_6FA7F9.svg" alt="" class="noimg1">
        <span class="spantop"><img src="../static/img/cuowu.svg" alt="" class="buyimg">确定要删除吗</span>
        <button class="nocancel">确定</button>
        <button class="cancel">取消</button>
    </div>

 <!--修改右侧固定栏   开始-->
 <div id="fixedfield" class="fixed-field" >
    <div class="group">
        <dl class="group_1">
            <dt></dt>
            <dd>个人中心</dd>
        </dl>
    </div>
    <div class="group">
        <dl class="group_2">
            <dt></dt>
            <dd>热线</dd>
        </dl>
    </div>
    <div class="group">
        <dl class="group_3">
            <dt></dt>
            <dd>优惠券</dd>
        </dl>
    </div>
    <div class="group">
        <dl class="group_4">
            <dt></dt>
            <dd>客服</dd>
        </dl>
    </div>
    <div class="group">
        <dl class="group_5">
            <dt></dt>
            <dd>APP</dd>
        </dl>
    </div>
    <div class="group">
        <dl class="group_6">
            <dt></dt>
            <dd>注册好礼</dd>
        </dl>
    </div>
    <div class="group" id="to_scroll_top">
        <dl class="group_7 grouptop">
            <dt></dt>
            <dd>返回顶部</dd>
        </dl>
    </div>
</div>
<!--修改右侧固定栏   结束-->

    <!-- 底部 -->
    <div class="footer">
        <div class="service">
            <div class="page">
                <ul class="clearfix">
                    <li class="qi">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon1.png" alt="" />
                        官方直营
                    </li>
                    <li class="shiwu">
                        <!--                            <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon2.png" alt="">
                        笔记本意外险
                    </li>
                    <li class="man">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon3.png" alt="" />
                        满69包邮
                    </li>
                    <li class="yuyue">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon4.png" alt="" />
                        15天无忧退
                    </li>
                    <li class="last">
                        <!--                        <i class="icon"></i>-->
                        <img src="//static.asus.com.cn/static/store/images/service_icon5.png" alt="" />
                        支付宝花呗分期
                    </li>
                </ul>
            </div>
        </div>
        <div class="helper">
            <div class="page ">
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">公司介绍</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">关于华硕</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕承诺</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">交易条款</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">特别提醒</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">购物指南</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">订单说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员注册</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">会员账户安全与信息 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">购物流程</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">积分使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">优惠券使用说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕商城服务协议说明 </a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">授权服务店服务说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">以旧换新</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预约规则</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">预售规则</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">配送与付款</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">发货与签收规范</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送运费说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">配送异常</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">付款咨询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票说明</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">发票常见问题</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">蚂蚁花呗常见问题</a>
                        </dd>
                    </dl>
                </div>
                <div class="item">
                    <dl>
                        <dt>
                            <a href="#">服务与支持</a>
                        </dt>
                        <dd>
                            <a href="#" title="关于华硕">华硕服务中心查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕授权实体门店查询</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">华硕智汇家</a>
                        </dd>
                        <dd>
                            <a href="#" title="关于华硕">中国RoHS合格评定标识</a>
                        </dd>
                    </dl>
                </div>
                <div class="item ewm">
                    <p class="ewm-title">400-091-9520</p>
                    <p class="ewm-subtitle">专属服务热线</p>
                    <img class="ewm-img" src="//static.asus.com.cn/static/store/css/images/footer-erweima.png"
                        alt="FX80" />
                    <p class="ewm-but">扫码下载</p>
                </div>
            </div>
        </div>
        <div class="friend-link">
            <div class="friend-word">
                <p class="show-link">友情链接</p>
                <div class="friend-link-box">
                    <a href="#" target="_blank">a豆</a>
                    <a href="#" target="_blank">rog</a>
                    <a href="#" target="_blank">adol</a>
                    <a href="#" target="_blank">魔霸</a>
                    <a href="#" target="_blank">主板</a>
                    <a href="#" target="_blank">冰刃</a>
                    <a href="#" target="_blank">显示器</a>
                    <a href="#" target="_blank">游戏本</a>
                    <a href="#" target="_blank">adolbook</a>
                    <a href="#" target="_blank">魔霸电脑</a>
                    <a href="#" target="_blank">玩家国度</a>
                    <a href="#" target="_blank">飞行堡垒</a>
                    <a href="#" target="_blank">华硕天选</a>
                    <a href="#" target="_blank">天选笔记本</a>
                    <a href="#" target="_blank">魔霸笔记本</a>
                    <a href="#" target="_blank">枪神笔记本</a>
                    <a href="#" target="_blank">a豆笔记本</a>
                    <a href="#" target="_blank">笔记本电脑</a>
                    <a href="#" target="_blank">电脑笔记本</a>
                    <a href="#" target="_blank">ROG游戏手机</a>
                    <a href="#" target="_blank">飞行堡垒华硕</a>
                    <a href="#" target="_blank">华硕VivoBook</a>
                    <a href="#" target="_blank">华硕天选电脑</a>
                    <a href="#" target="_blank">华硕电脑天选</a>
                    <a href="#" target="_blank">华硕天选笔记本</a>
                </div>
            </div>
        </div>
        <div class="footer-info">
            <div class="mask"></div>
            <div class="theme">
                <p>&nbsp;</p>
                <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                <p><a target="_blank" href="#">营业执照：12000002201803260012</a>&nbsp;│<a href="#"
                        target="_blank">沪ICP备11025349号-3</a>&nbsp;│ ASUSTeK Computer
                    Inc. All Rights Reserved.</p>
                <div class="privacy"><a target="_blank" href="#">
                        <p>
                            <a href="#">ASUS使用条款</a>
                            <a href="#">隐私政策</a>
                            <img
                                src="//static.asus.com.cn/static/store/images/735f16509d9a54d5ddade073f133e7dcf2c0a486.png?1499224546#h"><a
                                target="_blank" href="#" rel="nofollow">沪公网安备
                                31011202002313号</a>
                        </p>
                </div>
            </div>
        </div>
    </div>

    <script src="../static/javascripts/jQuery.js"></script>
      <script src="../static/javascripts/axios.js"></script>

    <script src="./javascripts/shopCar.js"></script>
</body>

</html>